<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
 <head> 
  <title>Aollaa</title> 
  <meta name="robots" content="noodp,noydir"> 
  <meta name="description" content="We help clients source products from China and import Chinese goods at low costs, including bathroom, kitchen, plastic products and machining parts."> 
  <meta name="keywords" content="china products, chinese products, sourcing products from china, import china products, import products from china, products of china"> 
  <link href="css/stylesheet.css" title="Mr Sourcing" rel="stylesheet" type="text/css" media="screen"> 
  <!-- <link href="css/my.css" title="Aollaa" rel="stylesheet" type="text/css" media="screen">  -->
  <script type="text/javascript" src="js/allscripts.js"></script> 
  <script type="text/javascript" src="js/jquery-gallery.js"></script> 
  <link rel="shortcut icon" href="favicon.ico"> 
  <style>
    .flex {
    display: flex;
}
.none {
    display: none;
}
.flex1 {
    flex: 1;
}
.flexL{
    align-items: center;
}
.textC{
    text-align: center;
}
.textL{
    text-align: left;
}

.textR{
    text-align: right;
}


#my {
    text-align: left;
    width: 863px;
    margin: 0 auto;
    margin-top: 20px;
    display: none;
}
#my .btn {
    width: 200px;
}
.my-item{
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.hh{
    white-space:pre-wrap
}
.my-item2{
    align-items: flex-start;
}
.my-item>div:first-child {
    width: 140px;
}
.my-item2>div:first-child {
    width: 100px;
}
.my-item input.ipt1 {
    width: 500px;
    padding: 6px;
}
.model {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}
.modelbox{
    text-align: left;
    padding: 20px;
    position: absolute;
    z-index: 1000;
    width: 700px;
    height: 700px;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    display: none;
}
.model2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}
.modelbox2{
    text-align: center;
    padding: 20px;
    position: absolute;
    z-index: 10000;
    width: 700px;
    height: 700px;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    display: none;
}
.modelbox2 img{
    max-width: 100%;
    max-height: 100%;
}
.btn{
    background: #246AD3;
    color: #fff;
    padding: 5px 14px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 140px;
    margin-right: 15px;
}
.btn2 {
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #333;
}
.btn3 {
    border: 1px solid #333;
    padding: 5px 14px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 140px;
    margin-right: 15px;
}
.rel {
    position: relative;
}
.abof{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
.modeliframe {
    width: 0;
    height: 0;
    overflow: hidden;
}
.filediv {
    width: 492px;
}
#uploadlogo{
    display: none;
}
.tipsimg {
    width: 26px;
    height: 26px;
    display: none;
}
.tabbox{
    display: none;
}
.block_10 {
    position: relative;
    left: 0;
    overflow: hidden;
    float: left;
    display: inline;
    width: 863px;
    height: 600px;
    box-sizing: border-box;
    padding: 155px 6px 6px 6px;
}
.pro_box {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
}
.pro_left{
    width: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    background-color: #f6f1f1;
}
.pro_item {
    font-size: 18px;
    line-height: 24px;
    padding: 10px;
    cursor: pointer;
    background: url('http://storeapi.czmb.top/storage/image/testimg/r2.png') no-repeat right;
    background-size: 20px 20px;
    background-position: 90% 50%;
}
.pro_active {
    background: url('http://storeapi.czmb.top/storage/image/testimg/r1.png') no-repeat right;
    background-color: #fff;
    background-size: 20px 20px;
    background-position: 90% 50%;
    position: relative;
}
.pro_active::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #333;
}
.pro_right {
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
}
.product_item{
    margin-right: 10px;
    margin-bottom: 15px;
    width: 110px;
    display: inline-block;
}
.pro_img {
    width: 110px;
    height: 100px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.pro_name{
    margin-top: 10px;
    height: 30px;
    font-size: 12px;
}
.product_item img{
    width: 110px;
    height: auto;
}
.img_list {
    width: 483px;
    height: 100px;
    overflow-x: auto;
    white-space: nowrap;
}
.img_list img {
    width: 100px;
    height: auto;
    max-height: 100%;
    margin-right: 5px;
}
.pro_right {
    display: none;
}
  </style>
 </head> 
 <body> 
  <div id="master_wrapper"> 
   <div id="header"> 
    <div class="flashcontent"> 
     <a href="index.html" class="left"> <img id="logoimg" src="images/tm.png" width="124" height="100" alt="sourcing products from china" border="0"> </a> 
    </div> 
    <div id="top_links"> 
     <div class="right"> 
        <a style="margin-right:10px" id="telshow"></a> 
        <!-- <a href="#1"  style="margin-right:10px">Languages</a>  -->
        <!-- <a href="#2" ><img src="images/facebook.gif" width="20" height="20" alt="Find us on Facebook" name="facebook" border="0" id="facebook" title="Find us on Facebook"></a> 
        <a href="#3" ><img src="images/twitter.gif" width="20" height="20" alt="Follow us on Twitter" name="twitter" border="0" id="twitter" title="Follow us on Twitter"></a> 
        <a href="#4" ><img src="images/google.png" width="20" height="20" alt="Follow us on Google Plus" name="google" border="0" id="google" title="Follow us on Google Plus"></a> 
        <a href="#5" ><img src="images/pinterest.png" width="20" height="20" alt="Follow us on Pinterest" name="pinterest" border="0" id="pinterest" title="Follow us on Pinterest"></a> 
        <a href="#6" ><img src="images/linkedin.png" width="20" height="20" alt="Follow us on Linkedin" name="linkedin" border="0" id="linkedin" title="Follow us on Linkedin"></a>  -->
     </div> 
    </div> 
    <ul id="nav"> 
     <li> <a href="index.html">HOME</a><span>|</span> </li> 
     <li> <a href="chinese-trading-company.html">ABOUT US</a><span>|</span> </li> 
     <li> <a href="china-product-sourcing-services.html">OUR SERVICES</a><span>|</span> </li> 
     <li> <a href="sourcing-products-from-china.html" class="active">CHINA PRODUCTS</a><span>|</span> </li> 
     <li> <a href="best-china-sourcing-company.html">WHY US</a><span>|</span> </li> 
     <!-- <li> <a href="how-to-import-from-china.html">GET STARTED</a><span>|</span> </li>  -->
     <li> <a href="import-direct-from-china.html">CONTACT US</a><span>|</span> </li> 
     <!-- <li> <a href="http://www.mrsourcing.com/china-importing/" target="blank">BLOG</a> </li>  -->
    </ul> 
   </div> 
   <div id="header_img"> 
    <div class="home_block"> 
     <div class="home_block_contain"> 
        <div class="block_contain1">
            <div class="block_10">
                <div class="pro_box">
                    <div class="pro_left">
                        <div class="pro_item pro_active pro_item0" onclick="handleChangeItem(0)">Travel bag</div>
                        <div class="pro_item pro_item7" onclick="handleChangeItem(7)">Hand bag</div>
                        <div class="pro_item pro_item1" onclick="handleChangeItem(1)">Backpack</div>
                        <div class="pro_item pro_item2" onclick="handleChangeItem(2)">School bag</div>
                        <div class="pro_item pro_item3" onclick="handleChangeItem(3)">Lady bag</div>
                        <div class="pro_item pro_item4" onclick="handleChangeItem(4)">Shoes</div>
                        <div class="pro_item pro_item5" onclick="handleChangeItem(5)">Scarfs</div>
                        <div class="pro_item pro_item6" onclick="handleChangeItem(6)">Hat</div>
                    </div>
                    <div class="pro_right flex1" id="pro_right0"></div>
                    <div class="pro_right flex1" id="pro_right7"></div>
                    <div class="pro_right flex1" id="pro_right1"></div>
                    <div class="pro_right flex1" id="pro_right2"></div>
                    <div class="pro_right flex1" id="pro_right3"></div>
                    <div class="pro_right flex1" id="pro_right4"></div>
                    <div class="pro_right flex1" id="pro_right5"></div>
                    <div class="pro_right flex1" id="pro_right6"></div>
                    <!-- 下方经测试可用
                    <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit10(event)" target="frameName10">  
                        <div class="flex flexL">
                            <div class="flex1">
                                <input type="file" name="image[]" multiple onchange="handleFileChange('bj10', event)">  
                                <input type="hidden" name="noid" value="1">  
                                <input type="hidden" name="filenames" value="" id="uploadlogosrc10"> 
                            </div> 
                            <div style="width: 100px;justify-content: end;" class="flex flexL">
                                <img class="tipsimg" id="logotips101" src="images/error.png" alt="">
                                <img class="tipsimg" id="logotips102" src="images/success.png" alt="">
                                <button id="uploadlogo10" type="submit">Batch upload images</button>
                            </div>
                        </div> 
                    </form>
                    <div class="modeliframe">
                        <iframe src="" frameborder="0" name="frameName10"></iframe>
                    </div> 
                    -->
                </div>
            </div>
        </div>
     </div> 
    </div> 
   </div> 
   <div id="footer"> 
    <div class="map"> 
     <div class="sect"> 
      <div class="side_bar"> 
       <div class="side_head"> 
        <h3 id="addshow"></h3> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="address"> 
        <p> E-mail: <a href="" id="emailshow"></a> </p> 
    </div> 
   </div> 
  </div> 
  <div id="my">
      <div class="my-item">
          <div class="btn" onclick="openModel('tab2', 'tab1')">Edit Product</div>
          <div></div>
      </div>
  </div>
  <div class="model2" onclick="chosePreimg()"></div>
  <div class="modelbox2" onclick="chosePreimg()">
    <img id="preimg" src="" alt="">
  </div>
  <div class="model"></div>
  <div class="modelbox">
      <div id="tab1" class="tabbox">
      </div>
      <div id="tab2" class="tabbox">
        <div class="my-item my-item2">
            <div>Travel bag:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list10"></div>
                        <div style="margin-top: 10px;">
                            <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit10(event)" target="frameName10">  
                                <div class="flex flexL">
                                    <div class="flex1">
                                        <input type="file" name="image[]" multiple onchange="handleFileChange('bj10', event)">  
                                        <input type="hidden" name="noid" value="1">  
                                        <input type="hidden" name="filenames" value="" id="uploadlogosrc10"> 
                                    </div> 
                                    <div style="width: 100px;justify-content: end;" class="flex flexL">
                                        <img class="tipsimg" id="logotips101" src="images/error.png" alt="">
                                        <img class="tipsimg" id="logotips102" src="images/success.png" alt="">
                                        <button id="uploadlogo10" type="submit" class="none">Batch upload images</button>
                                    </div>
                                </div> 
                            </form>
                            <div class="modeliframe">
                                <iframe src="" frameborder="0" name="frameName10"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name10" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Backpack:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list11"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit11(event)" target="frameName11">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj11', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc11"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips111" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips112" src="images/success.png" alt="">
                                    <button id="uploadlogo11" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName11"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name11" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>School bag:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list12"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit12(event)" target="frameName12">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj12', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc12"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips121" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips122" src="images/success.png" alt="">
                                    <button id="uploadlogo12" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName12"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name12" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Lady bag:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list13"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit13(event)" target="frameName13">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj13', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc13"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips131" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips132" src="images/success.png" alt="">
                                    <button id="uploadlogo13" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName13"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name13" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Shoes:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list14"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit14(event)" target="frameName14">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj14', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc14"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips141" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips142" src="images/success.png" alt="">
                                    <button id="uploadlogo14" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName14"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name14" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Scarfs:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list15"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit15(event)" target="frameName15">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj15', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc15"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips151" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips152" src="images/success.png" alt="">
                                    <button id="uploadlogo15" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName15"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name15" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Hat:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list16"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit16(event)" target="frameName16">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj16', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc16"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips161" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips162" src="images/success.png" alt="">
                                    <button id="uploadlogo16" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName16"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name16" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item my-item2">
            <div>Hand bag:</div>
            <div class="flex1">
                <div class="flex">
                    <span style="width: 90px;">Pro Img:</span>
                    <div>
                        <div class="img_list" id="img_list16"></div>
                        <div style="margin-top: 10px;">
                        <form action="http://storeapi.czmb.top/api/local/images" method="POST" enctype="multipart/form-data" onsubmit="handleSubmit17(event)" target="frameName17">  
                            <div class="flex flexL">
                                <div class="flex1">
                                    <input type="file" name="image[]" multiple onchange="handleFileChange('bj17', event)">  
                                    <input type="hidden" name="noid" value="1">  
                                    <input type="hidden" name="filenames" value="" id="uploadlogosrc17"> 
                                </div> 
                                <div style="width: 100px;justify-content: end;" class="flex flexL">
                                    <img class="tipsimg" id="logotips171" src="images/error.png" alt="">
                                    <img class="tipsimg" id="logotips172" src="images/success.png" alt="">
                                    <button id="uploadlogo17" type="submit" class="none">Batch upload images</button>
                                </div>
                            </div> 
                        </form>
                        <div class="modeliframe">
                            <iframe src="" frameborder="0" name="frameName17"></iframe>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="flex" style="margin-top: 10px;">
                    <span style="width: 90px;">Pro Name:</span>
                    <textarea id="pro_name17" cols="34" rows="8" placeholder="Fill in the product names in the order of the pictures, separated by commas"></textarea>
                </div>
            </div>
          </div>
          <div class="my-item">
              <div></div>
              <div class="btn" onclick="saveModel2()">Save</div>
              <div class="btn3" onclick="closeModel2()">Close</div>
          </div>
      </div>
  </div>
  <script>
//   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
//   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
//   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
//   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

//   ga('create', 'UA-49113802-1', 'mrsourcing.com');
//   ga('send', 'pageview');
        let websiteobj = {
            product: [],
            backcolor: '',
            shoeba: '',
            page1: '',
            page2: '',
            page3: '',
            page4: '',
            page5: '',
            page6: '',
            tel: '',
            logo: {
                src: '',
                v: 1,
            },
            slide11: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide12: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide13: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide14: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide21: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide22: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide23: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide24: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide31: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide32: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide33: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide34: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide41: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide42: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide43: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide44: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide51: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide52: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide53: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide54: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide61: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide62: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide63: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            slide64: {
                text1: '',
                text2: '',
                src: '',
                v: 1,
            },
            add: '',
            email: ''
        }
        let isChangeLogo = false; // 是否改了logo
        let isChangeLogo1 = false; // 是否改了1
        let isChangeLogo2 = false; // 是否改了2
        let isChangeLogo3 = false; // 是否改了3
        let isChangeLogo4 = false; // 是否改了4
        let isChangeLogo10 = false; // 是否改了10
        let isChangeLogo11 = false; // 是否改了10
        let isChangeLogo12 = false; // 是否改了10
        let isChangeLogo13 = false; // 是否改了10
        let isChangeLogo14 = false; // 是否改了10
        let isChangeLogo15 = false; // 是否改了10
        let isChangeLogo16 = false; // 是否改了10
        let isChangeLogo17 = false; // 是否改了10
        window.onload=function(){
            if(localStorage.getItem('aol')){
                $('#my').show();
            }
            let locadata = localStorage.getItem('websiteobj');
            if(locadata){
                const valueObj = JSON.parse(locadata);
                setWebValue(valueObj);
            }
            $.post('http://storeapi.czmb.top/api/config/get/by/key', {key: 'aollaaltd'}, function(res){
                localStorage.setItem('websiteobj', res.data.value);
                const valueObj = JSON.parse(res.data.value);
                setWebValue(valueObj);
            })
        }
        function setWebValue (obj) {
            const valueObj = obj;
            if(!valueObj.logo){
                valueObj.logo = {
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide11){
                valueObj.slide11 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide12){
                valueObj.slide12 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide13){
                valueObj.slide13 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide14){
                valueObj.slide14 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide21){
                valueObj.slide21 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide22){
                valueObj.slide22 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide23){
                valueObj.slide23 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide24){
                valueObj.slide24 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide31){
                valueObj.slide31 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide32){
                valueObj.slide32 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide33){
                valueObj.slide33 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide34){
                valueObj.slide34 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide41){
                valueObj.slide41 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide42){
                valueObj.slide42 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide43){
                valueObj.slide43 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide44){
                valueObj.slide44 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide51){
                valueObj.slide51 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide52){
                valueObj.slide52 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide53){
                valueObj.slide53 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide54){
                valueObj.slide54 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide61){
                valueObj.slide61 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide62){
                valueObj.slide62 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide63){
                valueObj.slide63 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.slide64){
                valueObj.slide64 = {
                    text1: '',
                    text2: '',
                    src: 'images/tm.png',
                    v: 1,
                }
            }
            if(!valueObj.product){
                valueObj.product = [
                    {
                        title: 'Travel bag',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Backpack',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'School bag',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Lady bag',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Shoes',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Scarfs',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Hat',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                    {
                        title: 'Hand bag',
                        imgs: [],
                        name: [],
                        v: 1,
                    },
                ]
            }
            websiteobj = valueObj;
            if(websiteobj.product.length < 8){
                websiteobj.product.push({
                        title: 'Hand bag',
                        imgs: [],
                        name: [],
                        v: 1,
                    })
            }
            console.log(websiteobj);
            if(websiteobj.page4){
                document.title = websiteobj.page4;
            }
            if(websiteobj.backcolor){
                $('.home_block .block_10').css('background', websiteobj.backcolor);
            }
            $('#telshow').text(websiteobj.tel);
            $('#addshow').text(websiteobj.add);
            $('#emailshow').text(websiteobj.email);
            $('#emailshow').attr('href', 'mailto:' + websiteobj.email);
            $('#logoimg').attr('src', valueObj.logo.src+'?v='+valueObj.logo.v);
            $('#pro_name10').val(websiteobj.product[0].name);
            $('#pro_name11').val(websiteobj.product[1].name);
            $('#pro_name12').val(websiteobj.product[2].name);
            $('#pro_name13').val(websiteobj.product[3].name);
            $('#pro_name14').val(websiteobj.product[4].name);
            $('#pro_name15').val(websiteobj.product[5].name);
            $('#pro_name16').val(websiteobj.product[6].name);
            $('#pro_name17').val(websiteobj.product[7].name);
            // $('#pro_right0').show();
            handleChangeItem(0);
            // $('#slide11backimg').attr('style', `background:url('${valueObj.slide31.src+'?v='+valueObj.slide31.v}') top left no-repeat;`);
            // $('#slide11img').attr('src', valueObj.slide31.src+'?v='+valueObj.slide31.v);
            // $('#slide11h1').text(websiteobj.slide31.text1);
            // $('#slide11p1').text(websiteobj.slide31.text2);
            // $('#slide11_text1').val(websiteobj.slide31.text1);
            // $('#slide11_text2').val(websiteobj.slide31.text2);
            
            // $('#slide12backimg').attr('style', `background:url('${valueObj.slide32.src+'?v='+valueObj.slide32.v}') top left no-repeat;`);
            // $('#slide12img').attr('src', valueObj.slide12.src+'?v='+valueObj.slide12.v);
            // $('#slide12h1').text(websiteobj.slide32.text1);
            // $('#slide12p1').text(websiteobj.slide32.text2);
            // $('#slide12_text1').val(websiteobj.slide32.text1);
            // $('#slide12_text2').val(websiteobj.slide32.text2);
            
            // $('#slide13backimg').attr('style', `background:url('${valueObj.slide33.src+'?v='+valueObj.slide33.v}') top left no-repeat;`);
            // $('#slide13img').attr('src', valueObj.slide33.src+'?v='+valueObj.slide33.v);
            // $('#slide13h1').text(websiteobj.slide33.text1);
            // $('#slide13p1').text(websiteobj.slide33.text2);
            // $('#slide13_text1').val(websiteobj.slide33.text1);
            // $('#slide13_text2').val(websiteobj.slide33.text2);
            
            // $('#slide14backimg').attr('style', `background:url('${valueObj.slide34.src+'?v='+valueObj.slide34.v}') top left no-repeat;`);
            // $('#slide14img').attr('src', valueObj.slide34.src+'?v='+valueObj.slide34.v);
            // $('#slide14h1').text(websiteobj.slide34.text1);
            // $('#slide14p1').text(websiteobj.slide34.text2);
            // $('#slide14_text1').val(websiteobj.slide34.text1);
            // $('#slide14_text2').val(websiteobj.slide34.text2);
        }
        function openModel(id, id2){
            $('#tel').val(websiteobj.tel);
            $('#add').val(websiteobj.add);
            $('#email').val(websiteobj.email);
            $(".model").show();
            $(".modelbox").show();
            $("#"+id2).hide();
            $("#"+id).show();
        }
        function closeModel(){
            isChangeLogo = false;
            $(".model").hide();
            $(".modelbox").hide();
        }
        function closeModel2(){
            isChangeLogo1 = false;
            isChangeLogo2 = false;
            isChangeLogo3= false;
            isChangeLogo4 = false;
            $(".model").hide();
            $(".modelbox").hide();
        }
        function saveModel2(){
            if(isChangeLogo10){
                $('#logotips102').hide();
                $('#logotips101').show();
                return;
            }
            if(isChangeLogo11){
                $('#logotips112').hide();
                $('#logotips111').show();
                return;
            }
            if(isChangeLogo12){
                $('#logotips122').hide();
                $('#logotips121').show();
                return;
            }
            if(isChangeLogo13){
                $('#logotips132').hide();
                $('#logotips131').show();
                return;
            }
            if(isChangeLogo14){
                $('#logotips142').hide();
                $('#logotips141').show();
                return;
            }
            if(isChangeLogo15){
                $('#logotips152').hide();
                $('#logotips151').show();
                return;
            }
            if(isChangeLogo16){
                $('#logotips162').hide();
                $('#logotips161').show();
                return;
            }
            if(isChangeLogo17){
                $('#logotips172').hide();
                $('#logotips171').show();
                return;
            }
            websiteobj.product[0].name = $('#pro_name10').val() || '';
            websiteobj.product[1].name = $('#pro_name11').val() || '';
            websiteobj.product[2].name = $('#pro_name12').val() || '';
            websiteobj.product[3].name = $('#pro_name13').val() || '';
            websiteobj.product[4].name = $('#pro_name14').val() || '';
            websiteobj.product[5].name = $('#pro_name15').val() || '';
            websiteobj.product[6].name = $('#pro_name16').val() || '';
            websiteobj.product[7].name = $('#pro_name17').val() || '';
            ////  console.log(websiteobj);
            $.post('http://storeapi.czmb.top/api/config/set', {key: 'aollaaltd', value: JSON.stringify(websiteobj)}, function(res){
                ////  console.log(res);
                location.reload();
            })
        }
        function handleSubmit(event) {
            setTimeout(() => {
                $('#logotips1').hide();
                $('#logotips2').show();
                isChangeLogo = false;
            }, 2000);
        }
        function handleSubmit1(event) {
            setTimeout(() => {
                $('#logotips11').hide();
                $('#logotips12').show();
                isChangeLogo1 = false;
            }, 2000);
        }
        function handleSubmit2(event) {
            setTimeout(() => {
                $('#logotips21').hide();
                $('#logotips22').show();
                isChangeLogo2 = false;
            }, 2000);
        }
        function handleSubmit3(event) {
            setTimeout(() => {
                $('#logotips31').hide();
                $('#logotips32').show();
                isChangeLogo3 = false;
            }, 2000);
        }
        function handleSubmit4(event) {
            setTimeout(() => {
                $('#logotips41').hide();
                $('#logotips42').show();
                isChangeLogo4 = false;
            }, 2000);
        }
        function handleSubmit10(event) {
            setTimeout(() => {
                $('#logotips101').hide();
                $('#logotips102').show();
                isChangeLogo10 = false;
            }, 4000);
        }
        function handleSubmit11(event) {
            setTimeout(() => {
                $('#logotips111').hide();
                $('#logotips112').show();
                isChangeLogo11 = false;
            }, 4000);
        }
        function handleSubmit12(event) {
            setTimeout(() => {
                $('#logotips121').hide();
                $('#logotips122').show();
                isChangeLogo12 = false;
            }, 4000);
        }
        function handleSubmit13(event) {
            setTimeout(() => {
                $('#logotips131').hide();
                $('#logotips132').show();
                isChangeLogo13 = false;
            }, 4000);
        }
        function handleSubmit14(event) {
            setTimeout(() => {
                $('#logotips141').hide();
                $('#logotips142').show();
                isChangeLogo14 = false;
            }, 4000);
        }
        function handleSubmit15(event) {
            setTimeout(() => {
                $('#logotips151').hide();
                $('#logotips152').show();
                isChangeLogo15 = false;
            }, 4000);
        }
        function handleSubmit16(event) {
            setTimeout(() => {
                $('#logotips161').hide();
                $('#logotips162').show();
                isChangeLogo16 = false;
            }, 4000);
        }
        function handleSubmit17(event) {
            setTimeout(() => {
                $('#logotips171').hide();
                $('#logotips172').show();
                isChangeLogo17 = false;
            }, 4000);
        }
        function handleFileChange(type, event) {
           //  console.log(type, event);
            if(type == 'logo' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'logo.'+fileTypeName;
                $('#uploadlogo').show();
                $('#uploadlogosrc').val(logoName);
                websiteobj.logo.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.logo.v++;
               //  console.log(websiteobj);
                isChangeLogo = true;
            }
            if(type == 'bj1' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide31.'+fileTypeName;
                $('#uploadlogo1').show();
                $('#uploadlogosrc1').val(logoName);
                websiteobj.slide31.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide31.v++;
               //  console.log(websiteobj);
                isChangeLogo1 = true;
            }
            if(type == 'bj2' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide32.'+fileTypeName;
                $('#uploadlogo2').show();
                $('#uploadlogosrc2').val(logoName);
                websiteobj.slide32.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide32.v++;
               //  console.log(websiteobj);
                isChangeLogo2 = true;
            }
            if(type == 'bj3' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide33.'+fileTypeName;
                $('#uploadlogo3').show();
                $('#uploadlogosrc3').val(logoName);
                websiteobj.slide33.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide33.v++;
               //  console.log(websiteobj);
                isChangeLogo3 = true;
            }
            if(type == 'bj4' && event){
                const fileName = event.target.files[0].name.split('.');
                const fileTypeName = fileName[fileName.length-1];
                const logoName = 'slide34.'+fileTypeName;
                $('#uploadlogo4').show();
                $('#uploadlogosrc4').val(logoName);
                websiteobj.slide34.src = 'http://storeapi.czmb.top/storage/image/testimg/' + logoName;
                websiteobj.slide34.v++;
               //  console.log(websiteobj);
                isChangeLogo4 = true;
            }
            if(type == 'bj10' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab10_'+index+'.'+itemfilename)
                    namelist.push('protab10_'+index+'.'+itemfilename)
                }
                $('#uploadlogo10').show();
                $('#uploadlogosrc10').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Travel bag');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo10 = true;
            }
            if(type == 'bj11' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab11_'+index+'.'+itemfilename)
                    namelist.push('protab11_'+index+'.'+itemfilename)
                }
                $('#uploadlogo11').show();
                $('#uploadlogosrc11').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Backpack');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo11 = true;
            }
            if(type == 'bj12' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab12_'+index+'.'+itemfilename)
                    namelist.push('protab12_'+index+'.'+itemfilename)
                }
                $('#uploadlogo12').show();
                $('#uploadlogosrc12').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'School bag');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo12 = true;
            }
            if(type == 'bj13' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab13_'+index+'.'+itemfilename)
                    namelist.push('protab13_'+index+'.'+itemfilename)
                }
                $('#uploadlogo13').show();
                $('#uploadlogosrc13').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Lady bag');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo13 = true;
            }
            if(type == 'bj14' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab14_'+index+'.'+itemfilename)
                    namelist.push('protab14_'+index+'.'+itemfilename)
                }
                $('#uploadlogo14').show();
                $('#uploadlogosrc14').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Shoes');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo14 = true;
            }
            if(type == 'bj15' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab15_'+index+'.'+itemfilename)
                    namelist.push('protab15_'+index+'.'+itemfilename)
                }
                $('#uploadlogo15').show();
                $('#uploadlogosrc15').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Scarfs');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo15 = true;
            }
            if(type == 'bj16' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab16_'+index+'.'+itemfilename)
                    namelist.push('protab16_'+index+'.'+itemfilename)
                }
                $('#uploadlogo16').show();
                $('#uploadlogosrc16').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Hat');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo16 = true;
            }
            if(type == 'bj17' && event){
                console.log(event.target.files);
                const imglist = [];
                const namelist = [];
                for (let index = 0; index < event.target.files.length; index++) {
                    const itemfile = event.target.files[index].name.split('.');
                    const itemfilename = itemfile[itemfile.length-1];
                    imglist.push('http://storeapi.czmb.top/storage/image/testimg/product/protab17_'+index+'.'+itemfilename)
                    namelist.push('protab17_'+index+'.'+itemfilename)
                }
                $('#uploadlogo17').show();
                $('#uploadlogosrc17').val(JSON.stringify(namelist));
                const imgitem = websiteobj.product.find(i => i.title == 'Hand bag');
                imgitem.imgs = imglist
                imgitem.v++;
                isChangeLogo17 = true;
            }
        }
        // function logochange(event){
        //    //  console.log(event);
        //     const files = event.target.files;
        //    //  console.log(files[0]);
        //     let formData = new FormData();
        //     formData.append('image', files[0]);
        //     formData.append('noid', 1);
        //     $.ajax({
        //         url: 'http://storeapi.czmb.top/api/local/image', // 服务器端处理上传的URL
        //         type: 'POST',
        //         data: formData,
        //         processData: false,  // 告诉jQuery不要处理发送的数据
        //         contentType: false,  // 告诉jQuery不要设置Content-Type请求头
        //         success: function(response) {
        //            //  console.log('文件上传成功', response);
        //         },
        //         error: function(xhr, status, error) {
        //             console.error('文件上传失败', error);
        //         }
        //     });
        // }
        function handleChangeItem(i) {
            $('.pro_item').removeClass('pro_active');
            $('.pro_item'+i).addClass('pro_active');
            $('.pro_right').hide();
            $('#pro_right'+i).show();
            // 点击加载对应图片
            const proItem = websiteobj.product[i];
            console.log(proItem);
            if(proItem.imgs.length){
                const namelist = proItem.name ? proItem.name.replace(/，/ig, ',').split(','):[];
                let htmlimg = '';
                let htmlcomt = '';
                proItem.imgs.forEach((item, i) => {
                    htmlimg += `<img src="${item}?v=${proItem.v}" alt="" onclick="checkImg('${item}?v=${proItem.v}')">`;
                    if(namelist[i]){
                        htmlcomt += `
                            <div class="product_item" style="width: 140px;">
                                <div class="pro_img" onclick="checkImg('${item}?v=${proItem.v}')">
                                    <img src="${item}?v=${proItem.v}" alt="">
                                </div>
                                <div class="pro_name">${namelist[i]}</div>
                            </div>
                        `
                    }else{
                        htmlcomt += `
                            <div class="product_item" style="width: 100px;">
                                <div class="pro_img" onclick="checkImg('${item}?v=${proItem.v}')">
                                    <img src="${item}?v=${proItem.v}" alt="">
                                </div>
                            </div>
                        `
                    }
                });
                $('#img_list1'+i).html(htmlimg);
                $('#pro_right'+i).html(htmlcomt);
            }
        }
        function checkImg(img) {
            console.log(img);
            $('#preimg').attr('src', img)
            $(".model2").show();
            $(".modelbox2").show();
        }
        function chosePreimg() {
            $(".modelbox2").hide();
            $(".model2").hide();
            $('#preimg').attr('src', '')
        }
</script>   
 </body>
</html>